<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="newtemplatesfiles5/img/favicon.html">

    <link rel="stylesheet" href="asserts/css/swiper-bundle.min.css">


    <title>监督员举报违规</title>

    <!-- Bootstrap core CSS -->
    <link href="newtemplatesfiles5/css/bootstrap.min.css" rel="stylesheet">
    <link href="newtemplatesfiles5/css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="newtemplatesfiles5/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="newtemplatesfiles5/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
    <link rel="stylesheet" href="newtemplatesfiles5/css/owl.carousel.css" type="text/css">
    <!-- Custom styles for this template -->
    <link href="newtemplatesfiles5/css/style.css" rel="stylesheet">
    <link href="newtemplatesfiles5/css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
    <script src="newtemplatesfiles5/js/html5shiv.js"></script>
    <script src="newtemplatesfiles5/js/respond.min.js"></script>
    <![endif]-->
    <!--弹出框style-->
    <style>
        /*弹出层*/
        #popBox {
            display: none;
            background-color: black;
            z-index: 11;
            width: 500px;
            height: 500px;
            position:fixed;
            top:0;
            right:0;
            left:0;
            bottom:0;
            margin:auto;
        }

        #popBox .close{
            text-align: right;
            margin-right: 5px;
            background-color: #F8F8F8;
        }

        /*关闭按钮*/
        #popBox .close a {
            text-decoration: none;
            color: red;
        }

        #popBox .auto {
            margin-left: 50px;
            margin-right: 50px;
            margin-top: 50px;

        }

    </style>

</head>

<body>

<section id="container" class="">
    <!--header start-->
    <div th:insert="common/student-common-header::top"></div>
    <!--header end-->
    <!--sidebar start-->
    <div th:insert="common/student-common-sidebar::#left"></div>
    <!--sidebar end-->
    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">

            <div class="row">
                <div th:insert="common/student-info-left::#student-info-left"></div>
                <div class="col-lg-9">
                    <div class="bio-graph-heading">
                        <h2>电动车信息</h2>
                    </div><br>
                    <form id="superviseForm">
                        <div class="form-group">
                            <label>车牌号:</label>
                            <div>
                                <input name="ebickID" type="text" th:value="${session.scanEbick eq null ? '' : session.scanEbick.ebickID}"
                                       class="form-control" placeholder="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label>品牌:</label>
                            <div>
                                <input type="text" th:value="${session.scanEbick eq null ? '' : session.scanEbick.brand}"
                                       class="form-control" placeholder="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label>电动车状态:</label>
                            <div>
                                <input type="text" th:value="${session.scanEbick eq null ? '' : session.scanEbick.status}"
                                       class="form-control" placeholder="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label>照片:</label>
                            <div>
                                <img width="300px" th:src="${session.scanEbick eq null ? '' : session.scanEbick.image}" alt="没有图片">
                            </div>
                        </div>

                        <div class="form-group">
                            <label>学院:</label>
                            <div>
                                <input name="department" type="text"
                                       th:value="${session.drivingLicenseImpl eq null ? '' : session.drivingLicenseImpl.department}"
                                       class="form-control" placeholder="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label>行驶证批准人:</label>
                            <div>
                                <input name="DLID" type="text"
                                       th:value="${session.drivingLicenseImpl eq null ? '' : session.drivingLicenseImpl.approverName}"
                                       class="form-control" placeholder="">
                            </div>
                        </div>
                    </form>
                    <button class="btn btn-primary" onclick="location.href='newStudentSupervise'">举报</button>
                </div>

            </div>
        </section>
        <!--main content end-->
    </section>

</section>
<!-- js placed at the end of the document so the pages load faster -->
<script src="newtemplatesfiles5/js/jquery.js"></script>
<script src="newtemplatesfiles5/js/bootstrap.min.js"></script>
<script src="newtemplatesfiles5/js/jquery.scrollTo.min.js"></script>
<script src="newtemplatesfiles5/js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="newtemplatesfiles5/js/jquery.sparkline.js" type="text/javascript"></script>
<script src="newtemplatesfiles5/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
<script src="newtemplatesfiles5/js/owl.carousel.js" ></script>
<script src="newtemplatesfiles5/js/jquery.customSelect.min.js" ></script>

<!--common script for all pages-->
<script src="newtemplatesfiles5/js/common-scripts.js"></script>

<!--script for this page-->
<script src="newtemplatesfiles5/js/sparkline-chart.js"></script>
<script src="newtemplatesfiles5/js/easy-pie-chart.js"></script>
<!--swiper js-->
<script src="js/swiper-bundle.min.js"> </script>
<script type="text/javascript">


</script>
<script>



    window.onload=function(){
        $("#li1").removeClass('active');
        $("#li2").removeClass('active');
        $("#li3").removeClass('active');
        $("#li4").removeClass('active');
        $("#li5").removeClass('active');
        $("#li6").removeClass('active');
        $("#li7").removeClass('active');
        $("#li8").addClass('active');



    };
    //knob
    $(".knob").knob();

</script>
</body>
</html>
